<!-- 高级组件-用户选择 PersonSelect是组件库中的组件，这里对其进行二次封装，为了处理api参数 -->
<template>
  <PersonSelect :api="api" :selectedData="value"
                v-bind="$attrs" v-on="$listeners"  @handleSelectData="handleSelectData" />
</template>

<script>
// 接口是：权限中心-管理员管理-添加成员-那块选人组件使用的接口
import addPersonApi from '@/framework/api/addPerson'
import appListApi from '@/framework/api/developerCenter/application-center/applicationCenter'

export default {
  props: {
    // 选中的值
    value: {
      type: Array,
      default: () => {
        return []
      }
    }
  },
  data() {
    return {
      api: { ...addPersonApi, getManagingOrgUserList: appListApi.getManagingOrgUserList }
    }
  },
  methods: {
    handleSelectData(val) {
      this.$emit('input', val.map((item) => {
        return {
          userId: item.userId,
          realName: item.realName
        }
      }))
    }
  }
}
</script>

<style type="text/css" scoped>
</style>
